{% extends "layout.html" %}

{% block header %}

{% endblock%}

{% block content %}
<div class="pb-2 mt-2 mb-4 border-bottom">
  <h3>Contact Form</h3>
</div>
<form method='POST'>
  <input type='hidden'  name='_csrf' value={{_csrf}} />
  <div class="form-group row">
    <label class="col-md-2 col-form-label font-weight-bold" for="password">姓名</label>
    <div class="col-md-9">
      <input class="form-control" type='name' name='name'  id='name'  placeholder='name' autofocus autocomplete='name'  required/>
    </div>
  </div>
  <div class="form-group row">
    <label class="col-md-2 col-form-label font-weight-bold" for="email">email</label>
    <div class="col-md-9">
      <input class="form-control" type='email' name='email'  id='email'  placeholder='email' autofocus autocomplete='email'  required/>
    </div>
  </div>
  <div class="form-group row">
    <label class="col-md-2 col-form-label font-weight-bold " for="confirmPassword">意见建议</label>
    <div class="col-md-7">
      <textarea class="form-control" type='message' name='message'  id='message' rows='7'  autofocus==(!unknownUser).toString()  required> </textarea>
    </div>
  </div>
  
  <div class="form-group">
    <div class="offset-md-2 col-md-8 p-1">
      <button class="btn btn-primary btn-reset" type='submit'><i class="far fa-envelope fa-sm"></i> | 提交 </button>
    </div>
  </div>

</form>
{% endblock%}